<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Globals</title>
    <!-- 引入框架css文件 -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <!-- 引入css重置文件 -->
    <link rel="stylesheet" href="./assets/css/reset.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./assets/css/common.css">
    <link rel="stylesheet" href="./assets/css/pages.css">
</head>
<!-- eee7d9 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Globals</title>
    <!-- 引入框架css文件 -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <!-- 引入css重置文件 -->
    <link rel="stylesheet" href="./assets/css/reset.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./assets/css/animate.min.css">
    <link rel="stylesheet" href="./assets/css/common.css">
    <link rel="stylesheet" href="./assets/css/pages.css">
    <link rel="stylesheet" href="./assets/css/investment.css">
</head>
<!-- eee7d9 -->

<body>
    <!-- header头部 -->
    <nav class="navbar navbar-default nav2">
        <div class="container">

            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="./assets/images/logo.png" alt="" class="wow fadeInDown"
                        data-wow-delay="0ms"></a>
            </div>

            <div class="collapse navbar-collapse lis" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="./index.html" id="home" class="wow fadeInDown" data-wow-delay="100ms">Home</a></li>
                    <li><a href="./pages.html" class="wow fadeInDown" data-wow-delay="200ms">Pages</a></li>
                    <li><a href="./investment.html" class="wow fadeInDown" data-wow-delay="300ms">Investment</a></li>
                    <li><a href="./news.html" class="wow fadeInDown" data-wow-delay="400ms">News</a></li>
                    <li><a href="./calculator.html" class="wow fadeInDown" data-wow-delay="500ms">Calculator</a></li>
                    <li><a href="./contacts.html" class="wow fadeInDown" data-wow-delay="600ms">Contacts</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 小导航栏 -->
    <div class="all">
        <div class="container">
            <!-- 小导航 -->
            <ul class="list wow fadeInDown" data-wow-delay="200ms">
                <li><a href="#">About Our Company</a></li>
                <li><i>/</i></li>
                <li><a href="#">Investment</a></li>
            </ul>
        </div>
    </div>

    <!-- month -->
    <div class="month">
        <div class="container">
            <div class="diam">
                <!-- 左边文字 -->
                <div class="left wow fadeInDown" data-wow-delay="300ms">
                    <div class="num">
                        <div class="num1">0.5%</div>
                        <div class="per">Per Month</div>
                    </div>

                    <div class="sit">
                        <div class="title">Standart Plan</div>
                        <div class="magna">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                            tincidunt ut laoreet dolore magna aliquam.
                        </div>
                    </div>
                </div>
                <!-- 右边图片 -->
                <div class="play wow fadeInDown" data-wow-delay="300ms">
                    <img src="./assets/images/gq.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- 内容 -->
    <div class="center">
        <div class="container">
            <div class="nav2 wow fadeInDown" data-wow-delay="350ms">
                <a href="javscript:;">Features & Information</a>
                <a href="javscript:;">Video Presentation</a>
                <a href="javscript:;">Investment Calculator</a>
                <a href="javscript:;">Consultations</a>
            </div>
        </div>
    </div>

    <!-- fratures部分 -->
    <div class="freatures">
        <div class="container">
            <div class="info">
                <!-- 图片 -->
                <div class="left wow fadeInDown" data-wow-delay="400ms">
                    <img src="./assets/images/tlp.png" alt="">
                </div>

                <!-- 文字 -->
                <div class="from">
                    <div class="title">
                        <div class="top wow fadeInDown" data-wow-delay="450ms">Features & Information</div>
                        <div class="txt wow fadeInDown" data-wow-delay="460ms">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                            tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
                            nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                            Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum
                            est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum
                            formas humanitatis per seacula quarta decima.
                        </div>
                        <div class="last wow fadeInDown" data-wow-delay="460ms">
                            Nam liber tempor cum soluta nobis eleifend option congue. Claritas est etiam processus
                            dynamicus, qui sequitur mutationem consuetudium lectorum.
                        </div>

                        <!--按钮 -->
                        <div class="btns wow fadeInDown" data-wow-delay="460ms">
                            <button class="wow fadeInDown" data-wow-delay="460ms">Apply Online<span
                                    class="glyphicon glyphicon-arrow-right"></span></button></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Invest Your Money 部分 -->
    <div class="invest2">
        <div class="container">
            <div class="choose">
                <!-- 第一个 -->
                <div class="plan wow fadeInLeftBig" data-wow-delay="200ms">
                    <div class="pic">
                        <img src="./assets/images/dui.png" alt="">
                    </div>
                    <p>Choose Investment Plan</p>
                </div>
                <!-- 第二个 -->
                <div class="money wow bounceIn" data-wow-delay="100ms">
                    <div class="pic">
                        <img src="./assets/images/xj2.png" alt="">
                        <p>Invest Your Money</p>
                    </div>
                </div>
                <!-- 第三个 -->
                <div class="box wow fadeInRightBig" data-wow-delay="200ms">

                    <div class="pic">
                        <img src="./assets/images/tz.png" alt="">
                        <p>Monitor Your Investments</p>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 工具栏 -->
    <div class="toot">
        <div class="container">
            <div class="broker">

                <div class="item wow fadeInDown" data-wow-delay="500ms">
                    <!-- 图片 -->
                    <div class="copy">
                        <img src="./assets/images/gouwu.png" alt="">
                    </div>
                    <!-- 标题 -->
                    <div class="title">
                        <div class="tle">
                            Individual investment portfolio and a personal broker
                        </div>
                        <!-- 解析 -->
                        <div class="tall">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                            tincidunt ut laoreet.
                        </div>
                    </div>


                </div>

                <div class="item wow fadeInDown" data-wow-delay="500ms">
                    <!-- 图片 -->
                    <div class="copy">
                        <img src="./assets/images/qa.png" alt="">
                    </div>
                    <!-- 标题 -->
                    <div class=" title">
                        <div class="tle">
                            Access to exclusive analytical materials
                        </div>
                        <!-- 解析 -->
                        <div class="tall">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                            tincidunt ut laoreet.
                        </div>
                    </div>


                </div>


                <div class="item wow fadeInDown" data-wow-delay="500ms">
                    <!-- 图片 -->
                    <div class="copy">
                        <img src="./assets/images/ls.png" alt="">
                    </div>
                    <!-- 标题 -->
                    <div class="title">
                        <div class="tle">
                            Information about the opportunities on the market
                        </div>
                        <!-- 解析 -->
                        <div class="tall">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                            euismod
                            tincidunt ut laoreet.
                        </div>
                    </div>


                </div>


                <div class="item wow fadeInDown" data-wow-delay="500ms">
                    <!-- 图片 -->
                    <div class="copy">
                        <img src="./assets/images/gouwu.png" alt="">
                    </div>
                    <!-- 标题 -->
                    <div class="title">
                        <div class="tle">
                            Continuous monitoring and analysis of your portfolio
                        </div>
                        <!-- 解析 -->
                        <div class="tall">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                            euismod
                            tincidunt ut laoreet.
                        </div>
                    </div>


                </div>

                <div class="item wow fadeInDown" data-wow-delay="500ms">
                    <!-- 图片 -->
                    <div class="copy">
                        <img src="./assets/images/gouwu.png" alt="">
                    </div>
                    <!-- 标题 -->
                    <div class="title">
                        <div class="tle">
                            Transparent process of managing your assets
                        </div>
                        <!-- 解析 -->
                        <div class="tall">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                            euismod
                            tincidunt ut laoreet.
                        </div>
                    </div>


                </div>

                <div class="item wow fadeInDown" data-wow-delay="500ms">
                    <!-- 图片 -->
                    <div class="copy">
                        <img src="./assets/images/gouwu.png" alt="">
                    </div>
                    <!-- 标题 -->
                    <div class="title">
                        <div class="tle">
                            Full control on the asset management on part of the client
                        </div>
                        <!-- 解析 -->
                        <div class="tall">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
                            nibh euismod
                            tincidunt ut laoreet.
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>

    <!-- boss部分 -->
    <div class="boss">
        <div class="container">
            <div class="bonus">
                <div class="left wow fadeInDown" data-wow-delay="200ms">
                    <img src="./assets/images/boss.png" alt="">
                </div>

                <div class="right">
                    <div class="title wow fadeInDown" data-wow-delay="200ms">
                        Bonus Program
                    </div>

                    <div class="nam wow fadeInDown" data-wow-delay="300ms">
                        Nam liber tempor cum soluta nobis eleifend option congue. Claritas est etiam processus
                        dynamicus,
                        qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc
                        putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et
                        quinta
                        decima.
                    </div>
                    <div class="lis wow fadeInDown" data-wow-delay="400ms">

                        <div><span class="iconfont">&#xe714;</span>Claritas est etia processus;</div>
                        <div><span class="iconfont">&#xe714;</span>Mirum est notare quam;</div>
                        <div><span class="iconfont">&#xe714;</span>Eodem modo typi;</div>
                        <div><span class="iconfont">&#xe714;</span>Lorem ipsum dolor sit amet;</div>
                        <div><span class="iconfont">&#xe714;</span> Nam liber tempor cum;</div>
                        <div><span class="iconfont">&#xe714;</span>Putamus parum claram, anteposuerit;</div>
                        <div><span class="iconfont">&#xe714;</span>Nobis eleifend congue.</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 系统部分 -->
    <div class="systems">
        <div class="container  wow fadeInDown" data-wow-delay="300ms">
            <div class="pay">
                Payment Systems
            </div>
            <div class="sed">
                <div class="left">
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
                    laoreet dolore magna aliquam.
                </div>
            </div>
            <!-- logo -->
            <div class="logos">
                <div class="pay"><img src="./assets/images/pay.png" alt=""></div>
                <div class="pay"><img src="./assets/images/pay2.png" alt=""></div>
                <div class="pay"><img src="./assets/images/pay3.png" alt=""></div>
                <div class="pay"><img src="./assets/images/pay4.png" alt=""></div>
            </div>
        </div>
    </div>

    <!-- 小鸟logo -->
    <div class="birdie">
        <div class="container">
            <div class="content wow fadeInDown"data-wow-delay="300ms" >
                <div class="logo3">
                    <img src="./assets/images/xniao.png" alt="">
                </div>
                <div class="left">
                    <div class="txt">
                        Mirum @themefire est notare quam littera gothica, quam nunc putamus parum
                        http://t.co/D8X7dFFdnH
                    </div>
                    <div class="ago">6 minutes ago</div>
                </div>
            </div>
        </div>
    </div>


    <!-- 友情链接 -->
    <div class="cap">
        <div class="container">
            <div class="bigbox">
                <!-- 第一个盒子 -->
                <div class="read wow fadeInDown" data-wow-delay="400ms">
                    <div class="logo3"><img src="./assets/images/logo.png" alt=""></div>
                    <!-- 文字 -->
                    <div class="text">
                        Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est
                        notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas
                        humanitatis per seacula quarta decima et quinta decima. Read More...

                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                        tincidunt ut laoreet dolore magna aliquam erat volutpat.
                    </div>
                    <p class="social">Social Network</p>
                    <div class="logo4">
                        <img src="./assets/images/icon-facebook.png" alt="">
                        <img src="./assets/images/icon2.png" alt="">
                        <img src="./assets/images/icon3.png" alt="">
                        <img src="./assets/images/icon4.png" alt="">
                        <img src="./assets/images/icon5.png" alt="">
                        <img src="./assets/images/icon6.png" alt="">
                        <img src="./assets/images/icon7.png" alt="">
                        <img src="./assets/images/icon8.png" alt="">

                    </div>
                </div>

                <!-- 第二个盒子 -->
                <div class="recen wow fadeInDown" data-wow-delay="500ms">
                    <div class="title">Recent News</div>
                    <div class="may">
                        <div class="may07">07 May, 2015</div>
                        <div class="mirum">Mirum est notare quam littera gothica, quam nunc putamus parum, anteposuerit
                            litterarum.
                        </div>
                    </div>
                    <div class="apr">
                        <div class="aorit">23 April, 2015</div>
                        <div class="est">Claritas est etiam processus dynamicus.</div>
                    </div>

                    <div class="dece">
                        <div class="num">05 December, 2014</div>
                        <div class="times">Eodem modo typi, qui nunc nobis videntur clari, sollemnes in futurum.</div>
                    </div>
                </div>

                <!-- 第三个盒子 -->
                <div class="email wow fadeInDown" data-wow-delay="600ms">
                    <div class="title">Email Newsletters</div>
                    <div class="sing">
                        <div class="mirum">Sign Up for Our Newsletter to get Latest Updates and Offers. Subscribe to
                            receive news in your inbox.
                        </div>
                    </div>
                    <div class="full">
                        <span>Full Name</span>
                        <input type="text" placeholder="Dmitry Tar">
                    </div>

                    <div class="full">
                        <span>Email Address</span>
                        <input type="password" placeholder="please">
                    </div>
                    <div class="btns">
                        <button type="">Subscribe Now</button>
                    </div>

                </div>
            </div>
        </div>
    </div>


    <!-- footer部分 -->
    <div class="footer wow fadeInDown" data-wow-delay="400ms">
        <div class="container">
            <div class="good">
                <div class="top"><img src="./assets/images/huo.png" alt=""></div>
                <div class="goods">
                    © 2015 Good Investment <span> Globals</span> / Designed by <span>ThemeFire</span> / Only for Envato
                    Market
                </div>
            </div>

        </div>

    </div>
</body>

</html>
<!-- 框架依赖jq -->
<script src="./assets/js/jquare.js"></script>

<script src="./assets/js/bootstrap.min.js"></script>

<!-- less编译 -->
<script src="./assets/js/less.min.js"></script>

<!-- 重置 -->
<!-- <script src="./assets/js/reset.js"></script> -->

</html>
<!-- 框架依赖jq -->
<script src="./assets/js/jquare.js"></script>

<script src="./assets/js/bootstrap.min.js"></script>

<!-- less编译 -->
<script src="./assets/js/less.min.js"></script>

<script src="./assets/js/wow.min.js"></script>
<script>
    // wow.js 插件的初始化
    new WOW().init();
</script>